@import "variable.less";
@import "mixins.less";
.cs-filter{	
	margin: 10px 0;
	position: relative;
	box-sizing: border-box;
	position: relative;
	height:36px;
	.flexCtn();
	justify-conten:space-between;
	.animated.duration_0_3s{
		animation-duration:0.3s;
	}
	.el-select{
		width:100%;
	}
	.filter-list{
		position: absolute;
		top:0;
		right:80px;
		z-index: 2;
		background:#fff;
		padding: 15px;
		box-shadow:0px 0px 13px 1px rgb(202, 202, 202);
		border-radius: 4px;
		width:300px;
	}
	.filters-selected{
		overflow:hidden;
		width:100%;
		.flexCtn();
		.flex(1);
		dl{
			float: left;
			overflow:hidden;
			color:#fff;
			background: #0398e4;
			text-align: center;
			line-height: 22px;
			border-radius: 12px;
			padding: 0 10px 2px;
			margin:0;
			.btn-del{
				width:20px;
				height:20px;
				margin-left: 6px;
				cursor: pointer;
				font-size: 16px;
				position: relative;
				left:4px;
				&:hover{
					color:red;
				}
			}
		}
		dt,dd{
			display: inline;
		}
		h5{
			margin:8px 0 0;
			display: inline-block;
			font-size: 16px;
			height:36px;gg
			line-height: 36px;
			color:#6c6c6c;
			padding-right:12px;
		}
		.list-wrap{
			.flex(1);
			overflow: hidden;
			font-size: 14px;
			padding-top: 7px;
		}

	}
	.open-fold{
		line-height: 20px;
		padding-top:0;
		padding-bottom: 0;
	}
}
